<template>
  <div class="product-main" :class="pcOrWx?'phone':''">
    <Tabs v-model="productTabNo" :animated="false" @on-click="productTab">
      <TabPane label="手术部智能管理系统" name="3-1">
        <div class="summary">
          手术部智能管理系统是用于支持手术部信息化及智能管理，为手术部、各临床科室、以及患者和家属之间提供信息沟通。在实现高效率管理的同时，严格管控耗能设备的使用，达到提高管理、节能和节省运行成本的目的。主要包括：麻醉系统、护理系统、排班系统、信息发布系统、节能管控系统、术间工作站。
        </div>
        <div class="content">
          <div class="caption">麻醉系统</div>
          <div class="describe">
            <p>手术麻醉系统记录了病人在手术前、手术中、手术后的全部信息。
              术前，医生对病人进行麻醉评估，生成术前麻醉评估单，麻醉评估单是对病人进行评估的一个重要凭证。
              术中，生成一个麻醉记录单，不仅包含了病人的基础信息，还记录了医生在手术中对病人进行的事件操作、用药、输液的信息以及病人的生命体征。
              术后的随访和总结，会生成对应的单据，以供随时调用。此外还有重要的设置功能，例如：监护仪、手术间、各种模板、字典等.
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_one.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">护理系统</div>
          <div class="describe">
            <p>
              实现手术室流程（术前访视、评估、入手术部记录、入手术间记录、麻醉记录、术中记录、术中清点核查、复苏记录、术后回访、满意度等）规范化管理，提高工作效率，降低医疗风险。实现患者定位，并能生成各种医疗文书报表，以备科研统计和医疗举证之用。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_two.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">排班系统</div>
          <div class="describe">
            <p>智能排班系统是按照手术部管理者预设的各种条件、通过特殊的算法，完成大部分的排班计划，实现排班工作的智能化、简化医院各科室的排班工作。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_three.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">信息发布系统</div>
          <div class="describe">
            <p>通过信息发布系统将病人在手术部的位置及手术状态在医护入口区、家属等候区、患者入口区、污物区的大显示屏上实时显示。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_four.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">节能管控系统</div>
          <div class="describe">
            <p>
              为响应国家政策关于节能环保的号召，符合医院手术部管理规范，通过节能管控系统，根据手术需求智能的控制空调机组和灯光等设备的运行（系统可按照手术计划，自动实现手术室每天上班前按计划启动净化空调机组实现手术室自净，准点上班时手术室已达到可以展开手术的环境要求，并开启一组照明灯具，方便医护人员进出；当天手术全部完成后在规定时间内自动关闭空调机组及室内照明等能耗设备。）降低净化系统的运行成本，减少不必要的能源消耗，延长设备的使用寿命。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_five.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">术间工作站</div>
          <div class="describe">
            <p>
              作为手术室信息管理系统的控制中心，集传统手术室控制面板（空调温度湿度设置及显示、时钟、计时器、电话、照明及无影灯开关控制、气体报警等。）与数字化手术间操作平台的双重功能。医护人员可以一键获取医院HIS\PACS\LIS的数据（此功能需院方开放数据接口），调取手术病人、手术医生、护士等信息。兼容背景音乐系统，自动加载和播放手术医生喜欢的音乐。手术结束后自动呼叫护工清洁、并支持一键呼叫患者家属、护工接床、标本收集等操作。显示手术间压差、洁净度、室内二氧化含量、隔离变压器等状态。工作站采用27寸触摸屏，带USB接口,系统操作友好，界面直观，可以定制个性化的皮肤，减少医护人员的视觉疲劳。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_six.png" alt="">
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_seven.png" alt="">
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_operation_pic_eight.png" alt="">
          </div>
        </div>
      </TabPane>
      <TabPane label="物品管理追溯系统" name="3-2">
        <div class="summary">
          物品管理追溯系统是针对医院病人使用物品的管理辅助系统，包括无菌器械、无菌敷料、高值耗材等物品全面动态管理及追溯。采用条形码技术，从物品入库、回收及洗消全过程（重复使用部分物品）、物品领用、物品使用对象、物品报损及库存盘点，紧紧围绕物品管理各个环节进行监控。从消毒供应室中心到手术室、从二级库房到手术库房，以及使用到具体病人，按照科室的管理，可提供各独立的智能化后台库存管理及多种报表，供管理科室方便浏览、查询、分析及计费等。
        </div>
        <div class="content">
          <div class="caption">供应室追溯</div>
          <div class="describe">
            <p>
              消毒供应中心追溯系统是一套支持医院消毒供应管理的系统，主要为临床科室与消毒供应中心之间提供信息沟通，在实现高效率物品供给服务的同时严格管控物品接收、清洗、消毒灭菌及发放的整个过程，从而降低由于物品导致感染的风险。实现了物品消毒灭菌的完整闭环追踪，以及通用器械包、外来器械包消毒灭菌管理以及一次品的出入库管理。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_items_pic_one.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">手术库房管理</div>
          <div class="describe">
            <p>可实现手术部内相关物品的智能化管理和追溯，管理人员能实时掌控手术部内相关物品的使用状态和动态变化，从而提高库房的周转率，减少库存的占用。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_items_pic_two.png" alt="">
          </div>
        </div>
        <div class="content">
          <div class="caption">术中清点</div>
          <div class="describe">
            <p>
              清点与核对是手术部非常重要的工作之一， 严格执行清点与核对制度才能完全避免将异物滞留病人体内。术中清点系统是根据手术清点制度开发的一套软件系统。严格按照手术开始前、关闭体腔前、术毕皮肤缝合后、关闭体腔后等4个环节进行清点，替代人工操作，对每台手术所用物品的数量、完整性、关键功能良好性以及清点时间 、清点意外的处理等均有数据记录，供后期随时查看及追溯。康护清点系统极大提高了手术清点的工作效率，同时可避免因人工操作的失误而引发医疗事故，为手术安全保驾护航。
            </p>
            <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_items_pic_three.png" alt="">
          </div>
        </div>
      </TabPane>
      <TabPane label="数字化手术室" name="3-3">
        <div class="summary">
          数字化手术室主要有：1.数字化整合功能：完成医院内部的现有信息系统HIS、LIS、PACS、手术麻醉系统等无缝连接，解决信息孤岛问题，及时调取患者医学资料，提高手术效率，减少患者手术时间。2.数字化沟通功能：完成手术室内外的语音、视频及数据交互，完成远程会诊、治疗、手术指导。3.数字化记录功能：将手术过程全程记录，形成患者可视化影像档案。4.数字化控制功能：在触摸屏上通过一体化平台对手术室内无影灯、术野摄像机、全景摄像机、普通照明、空调运行、吊臂医用显示器及相关医疗器械进行控制，减少医护人员对设备的操作，提高手术安全性和可靠性。
        </div>
        <div class="content">
          <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_room_pic_one.png" alt="">
          <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_room_pic_two.png" alt="">
          <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_room_pic_three.png" alt="">
          <img :class="pcOrWx?'imgPhone':''" src="../../assets/product/main_room_pic_four.png" alt="">
        </div>
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
  import {mapState, mapActions} from "vuex";

  export default {
    name: "product-main",
    data(){
      return{
        productTabNo:'3-1'
      }
    },
    computed: {
      ...mapState({
        activeName: (state) => state.config.ACTIVE_NAME,
        pcOrWx: (state) => state.config.PC_OR_WX,
      })
    },
    methods:{
      ...mapActions(['setActiveName']),
      productTab(val){
        this.setActiveName(val);
      },
      menuTab(){
        this.productTabNo=this.$route.params.id;
      },
    },

    watch: {
      $route:'menuTab',
    },

    mounted(){
      this.productTabNo=this.$route.params.id;
      this.setActiveName(this.productTabNo);
    },

  }
</script>

<style scoped lang="less">
  .product-main{
    .summary {
      /*padding: 48px 98px 0 98px;*/
      padding: 4% 9% 0 9%;
      line-height: 24px;
    }
    .content {
      .caption {
        /*margin: 40px 0 30px 40px;*/
        margin: 3.5% 0 2.6% 3.5%;
      }
      .caption:before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: #333;
        vertical-align: middle;
        margin-right: 5px;
      }
      .describe {
        /*padding: 0 98px;*/
        padding: 0 9%;
        line-height: 24px;
      }
      img {
        display: block;
        margin: 0 auto;
        /*margin-top: 30px;*/
        margin-top: 2.6%;
      }
      .imgPhone{
        width: 50%;
      }
    }
  }

</style>
<style>
  @import "productMain.css";
</style>

